﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
<head>
<title>Loja Modelo</title>
<vtex:metaTags/>
<link rel="stylesheet" type="text/css" href="~/arquivos/general.css" />
<link rel="stylesheet" type="text/css" href="~/arquivos/product.css" />
<link rel="stylesheet" type="text/css" href="~/arquivos/thickbox.css" />
<script type="text/javascript" src="~/arquivos/menu.js"></script>
<script type="text/javascript" src="~/arquivos/main.js"></script>
<script type="text/javascript" src="~/arquivos/jquery.jcarousel.min.js"></script>
<vtex:template id="pngIeFix" />
</head>

<body id="produto">

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!--  SubTemplate: topBar -->
<vtex:template id="topBar" />
<!-- /SubTemplate: topBar -->

<div id="all">
	<!--  SubTemplate: header -->
	<vtex:template id="header" />
	<!-- /SubTemplate: header -->
	
	<div id="sideBarInternas">
		<div class="sideBarItem linkList">
            <h2>Departamentos</h2>
            <div id="border_sidebar_top"></div>
			<vtex.cmc:departmentNavigator />
            <div id="border_sidebar_bottom"></div>            
		</div>
        <div id="topNewsletter">
			<!--  Controle: Newsletter -->	
			<vtex.cmc:newsletterOptIn />
			<!-- /Controle: Newsletter -->	
		</div>
        
        <img src="/arquivos/img_pedidos_sidebar.png" alt="" />
        
	</div>
	
    <!--  Controle: Busca -->
    <div id="search" class="search"><vtex.cmc:fullTextSearchBox /></div>
    <!-- /Controle: Busca -->
    
	<div id="content">
        <div id="product_content">
            <vtex.cmc:breadCrumb />
            <vtex.cmc:ProductImage />
            <div id="passeMouse"><img src="/arquivos/img_mouse_zoom.png" alt="" /></div>
            <div id="produto_infos">   
                <h1><vtex.cmc:productName /></h1>
                <span class="consumer_rating"><vtex.cmc:evaluationRate/></span>
                <span class="product_reference"><span>Ref. </span><vtex.cmc:productReference/></span>
                <!--  Controle: seletor de sku -->
                <div id="skuMenu">
                    <vtex.cmc:skuRichSelection changeImage="1" />
                </div>
                <!-- /Controle: seletor de sku -->

                <!--  Controle: preco do produto -->
                <div id="productPrice"><vtex.cmc:skuPrice /></div>
                <!-- /Controle: preco do produto -->
                
                <vtex.cmc:BuyButton />
                <div id="social_plugins">
                    <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
                    
                    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="pt">Tweetar</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                    
                    <div class="gmais"></div>
                    
                    <div id="emailamigo">
                        <vtex.cmc:referAFriend />
                    </div>
                    
                </div>   
                <vtex.cmc:giftListInsertSku/>
                <vtex.cmc:productDescriptionShort />
                
                <!--  Controle: flags -->
                <div id="flags"><vtex.cmc:hightLight /></div>
                <!-- /Controle: flags -->
                            
                <!--  Controle: disponibilidade -->
                <vtex.cmc:Delivery />
                <!-- /Controle: disponibilidade -->
                            
                <!--  Controle: formas de pagamento -->
                <div id="productPayment"><vtex.cmc:OtherPaymentMethod/></div>
                <!-- /Controle: formas de pagamento -->
                
                <div id="confira">
                    <span class="txt-confira">Confira nesta Página</span>
                    <ul>
                        <li><a href="#ancDetalhes">Detalhe do Produto</a></li>
                        <li><a href="#ancOpiniao">Opinião dos Consumidores</a></li>
                        <li><a href="#ancCCP">Consumidores que Compraram esse Produto Também Compraram</a></li>
                    </ul>
                </div>
                
                <!--  Controle: servicos -->
                <vtex.cmc:stockKeepingUnitService />
                <!-- /Controle: servicos -->
            </div>
        </div>
		<!--  Controle: descricao do produto -->
		<div id="productDescription">
            <a name="ancDetalhes"></a>
			<h2 class="title">Descrição do Produto</h2>
			<vtex.cmc:ProductDescription />
		</div>
		<!-- /Controle: descricao do produto -->

		<!--  Controle: especificacao do produto -->
		<vtex.cmc:productSpecification />
		<!-- /Controle: especificacao do produto -->
		<script type="text/javascript" src="~/arquivos/youtubeVideo.js"></script>
		<!--  Controle: compre junto -->
		<vtex.cmc:BuyTogether/>
		<!-- /Controle: compre junto -->
		<!-- Controle: quem comprou comprou tmbm -->
		<vtex:contentPlaceHolder id="ColecaoQCCT" />
		<!-- /Controle: quem comprou comprou tmbm -->
		
		<div id="collections" class="vitrine">
			<!--  placeholders -->
            <a name="ancCCP"></a>
			<vtex:contentPlaceHolder id="PHrecomendamos" />
			<vtex:contentPlaceHolder id="PHrelacionados" />
			<!-- /placeholders -->
		</div>

		<!--  Controle: avaliacao do cliente -->
        <a name="ancOpiniao"></a>
		<vtex.cmc:UserReview />
		<!-- /Controle: avaliacao do cliente -->
        
        <vtex.cmc:ProductTag/>
	</div>

	<!--  SubTemplate: footer -->
	<vtex:template id="footer" />
	<!-- /SubTemplate: footer -->
</div>
<script type="text/javascript">
    window.___gcfg = {lang: 'pt-BR'};

    (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>
</body>
</html>